<html style="height:100%;overflow-y:hidden;">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="shortcut icon" href="images/zflogo.ico" type="image/x-icon" />
		<meta name="renderer" content="webkit">
		<title>模板制作</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<script src="js/fa/jquery/1.11.3/jquery.min.js"></script>
<script src="css/fa/bootstrap/js/bootstrap.min.js"></script>
<link href="css/fa/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/fa/bootstrap/css/layoutit.css" rel="stylesheet" type="text/css" />
<!--标尺  -->
<link rel="stylesheet" href="js/fa/jqueryui-ruler/css/jquery.ui.ruler.css">
<!--弹框  -->
<script type="text/javascript" src="js/fa/artDialog/dist/dialog-plus.js"></script>

<link rel="stylesheet" href="js/fa/zDialog/zDialog.css">
<script src="js/fa/zDialog/zDialog.js"></script>

<!-- 滚动条 -->
<script type="text/javascript" src="js/fa/jquery.nicescroll.js"></script>

<!-- ztree start -->
<link rel="stylesheet" href="js/fa/zTree_v3/css/metroStyle/metroStyle.css" type="text/css">
<script type="text/javascript" src="js/fa/zTree_v3/js/jquery.ztree.core.js"></script>
    <script src="../common.js" type="text/javascript" charset="utf-8"></script>
<!-- ztree end -->
		<!--弹框  -->
		<!-- 		<script src="js/fa/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/zDialog.css"/> -->
		<!-- 布局工具 http://www.bootcss.com/p/layoutit/ -->

    <script type="text/javascript">
      var VUE_APP_BASE_API=commonUrl.VUE_APP_BASE_API;

      var VUE_APP_KSTB_ROUTE_PATH="";
      //var VUE_APP_BASE_API='/dev-api';
      //var VUE_APP_KSTB_ROUTE_PATH='/dzcpt-lss/zc';
      var VUE_APP_KSTB_ROUTE_PATH="http://172.168.252.37:9090/";
      //获取参数
      function getURLParameter(name) {
        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
      }
      var  faModelTemplateOid = getURLParameter("faModelTemplateOid");
      var materialCatalogOid=getURLParameter("materialCatalogOid");
      var viewOrEdit=getURLParameter("viewOrEdit");
      var fromJsp = {};
      fromJsp.ctxPath = VUE_APP_KSTB_ROUTE_PATH;
      fromJsp.cataOid = '';
      fromJsp.materialCataName = '';
      fromJsp.blockColorClass = 'color3';
      fromJsp.baseImgFilePath = '';
      fromJsp.fileOid = '';
      fromJsp.templateVersion = '';
      fromJsp.versionTemplateList = '';
      fromJsp.bigCataOid = '';
      fromJsp.templateOid = '';
      fromJsp.templateStr ='';
      fromJsp.guideType = '';
      var setting = {
        check: {
          enable: true
        },
        data: {
          simpleData: {
            enable: true
          }
        }
      };

    </script>
	</head>
  <body class="edit" oncontextmenu="window.event.returnValue=false;return false;">
  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container-fluid">
        <!--       <a class="brand" style="cursor: default;">识别模板配置<span class="label badge-warning">V1.0.0</span></a> -->
        <a class="brand" style="cursor: default;">模板制作工具</a>
        <div class="nav-collapse collapse">
          <ul class="nav" id="menu-layoutit">
            <li>
              <div class="btn-group">
                <button id="uploadBtn" class="btn btn-warning"><i class="icon-upload icon-white"></i>上传底图</button>
           <!--     <button id="uploadMoreBtn" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
                  <span class="caret"></span>
                </button>-->
               <!-- <ul class="dropdown-menu">
                  <li><a id="highShotBtn">使用高拍仪</a></li>
                </ul>-->
              </div>
              <div class="btn-group">
                <button id="clearBtn" class="btn btn-primary"><i class="icon-trash icon-white"></i>清空</button>
                <button id="saveBtn" class="btn btn-primary" role="button" ><i class="icon-refresh icon-white"></i>暂存</button>
                <button id="submitBtn" class="btn btn-primary" role="button" ><i class="icon-ok icon-white"></i>发布</button>
              </div>
              <div class="btn-group">
                <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                  <i class="icon-wrench icon-white"></i>区块颜色切换
                  <span class="caret"></span>
                </a>
                <ul class="dropdown-menu menu1">
                  <li><a class="s_color_3" b-class="color3"><span></span>红色</a></li>
                  <li class="divider"></li>
                  <li><a class="s_color_4" b-class="color4"><span></span>蓝色</a></li>
                  <li class="divider"></li>
                  <li><a class="s_color_1" b-class="color1"><span></span>绿色</a></li>
                  <li class="divider"></li>
                  <li><a class="s_color_2" b-class="color2"><span></span>紫色</a></li>
                </ul>
              </div>
              <!-- 			<button id="switchCataBtn" class="btn btn-info" type="button"><i class="icon-random icon-white"></i>切换目录</button> -->
              <!-- 			<button class="btn btn-warning" type="button"><i class="icon-question-sign icon-white"></i></button> -->
             		<!--	<img class="help" src="${ctxPath }css/fa/bootstrap/img/help.png">-->
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
        <div class="sidebar-nav">
          <div class="accordion-group" style="margin: 1px 3px;">
            <div class="accordion-heading">
              <a class="accordion-toggle" data-toggle="collapse" href="#my_collapse">
                底图信息
              </a>
            </div>
            <div id="my_collapse" class="accordion-body collapse ">
              <div class="accordion-inner">
                <span class="label label-info">底图实际尺寸：</span><br/>
                <span class="label label-warning" id="real_w">-</span> * <span class="label label-warning" id="real_h">-</span><br/>
                <span class="label label-info">当前面板尺寸：</span><br/>
                <span class="label label-warning" id="panel_w">-</span> * <span class="label label-warning" id="panel_h">-</span><br/>
                <span class="label label-info">展示比例：</span><br/>
                <span class="label label-warning" id="show_rate">-</span><br/>
                <span class="label label-info">当前鼠标位置：</span><br/>
                <span class="label label-warning" id="show_x">-</span> , <span class="label label-warning" id="show_y">-</span>
              </div>
            </div>
          </div>
          <ul id="block_tree" class="ztree"></ul>
        </div>
        <div id="scroll_div" class="scroll_div">
          <div id="panel" class="panel ui-sortable">
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="block_html_template" style="display:none">
    <div id="{block_id}" class="block {color}">
      <div id="{block_id}_resize" class="resize" style="display:none;">&nbsp;</div>
    </div>
  </div>
  <!-- Modal -->
  <div id="block_edit_html_template" style="display:none">
    <table class="table table-bordered">
      <tbody>
      <tr>
        <td style="width: 200px;">
          <span id="{block_id}_md"></span>
          <button id="{block_id}_sel_md" class="btn btn-mini btn-primary" type="button">
            选择目录元素
          </button>
        </td>
      </tr>
      <tr>
        <td>
          <label class="radio" style="float: left; ">

            <input id="{block_id}_type_1"  type="radio" name="{block_id}_type" value="1" checked  style="margin-left:-16px;" />印刷
          </label>
          <label class="radio" style="float: left; ">
            <input id="{block_id}_type_2" type="radio" name="{block_id}_type" value="2"   style="margin-left:-16px;" />手写
          </label>
          <label class="radio" style="float: left; ">
            <input id="{block_id}_type_7" type="radio" name="{block_id}_type" value="7"   style="margin-left:-16px;" />手写（单行）
          </label>
          <label class="radio" style="float: left; ">
            <input id="{block_id}_type_3" type="radio" name="{block_id}_type" value="3"   style="margin-left:-16px;" />图像
          </label>
          <label class="radio" style="float: left; ">
            <input id="{block_id}_type_5" type="radio" name="{block_id}_type" value="5"   style="margin-left:-16px;" />选择框（印刷）
          </label>
          <label class="radio" style="float: left; ">
            <input  id="{block_id}_type_6" type="radio" name="{block_id}_type" value="6"   style="margin-left:-16px;" />选择框（手写）
          </label>



          <!-- <tag:set attrName="recognitionType" className="com.zfsoft.fa.base.FaStaticParam" fieldName="RECOGNITION_TYPE"/>
           <tag:set attrName="recognitionTypeYs" className="com.zfsoft.fa.base.FaStaticParam" fieldName="RECOGNITION_TYPE_YS"/>
           <c:forEach items="${recognitionType }" var="rt">
             <label class="radio" style="float: left; ">
               <input id="{block_id}_type_${rt.key }" type="radio" name="{block_id}_type" value="${rt.key }"
               <c:if test='${rt.key eq recognitionTypeYs }'>checked</c:if> style="margin-left:-16px;" />${rt.value }
             </label>
           </c:forEach>-->
        </td>
      </tr>
      </tbody>
    </table>
    <div id="{block_id}_sel_panel" class="sel-panel hide">
      <i class="icon-remove icon-red close-panel" style="font-size: 18px;position: absolute;top:2px;right: 4px;cursor: pointer;" title="删除"></i>
      <ul id="{block_id}_md_list" class="md-list">
      </ul>
    </div>
    <button type="button" class="btn btn-warning jq_selecter" onclick="canselBlockEdit('{block_id}')">
      取消
    </button>
    <button type="button" class="btn btn-primary jq_selecter" onclick="saveBlockInfo('{block_id}')">
      保存
    </button>
  </div>
  <!-- <div id="block_edit_html_template" style="display:none">
    <input type="text" placeholder="区块编号" id="{block_id}_code">
    <input type="text" placeholder="区块名称" id="{block_id}_name">
    <label class="radio">
      <input id="{block_id}_type_1" type="radio" name="{block_id}_type" value="1" checked>
        印刷
    </label>
    <label class="radio">
      <input id="{block_id}_type_2" type="radio" name="{block_id}_type" value="2">
        手写
    </label>
    <label class="radio">
      <input id="{block_id}_type_3" type="radio" name="{block_id}_type" value="3">
        图像
    </label>
    <br class="jq_selecter"/>
    <button type="button" class="btn btn-warning jq_selecter" onclick="canselBlockEdit('{block_id}')">取消</button>
    <button type="button" class="btn btn-primary jq_selecter" onclick="saveBlockInfo('{block_id}')">保存</button>
  </div> -->
  <!-- 选择已有模板 -->
  <div id="ver_sel_html_template" style="display:none">
    <div>
      <div id="{div_id}" class="container" style="height: 400px; overflow: hidden; margin-bottom: 50px;">
        <table class="table table-hover table-striped">
          <thead>
          <tr>
            <th width="5%">序号</th>
            <th width="15%">模板编号</th>
            <th>模板名称</th>
            <th width="10%">版本号</th>
            <th width="18%">修改时间</th>
            <th width="10%">操作</th></tr>
          </thead>
          <tbody>
          </tbody>
        </table>
      </div>
      <div style="background-color:#f3f6f9;height:45px;width:100%;position:absolute;bottom:0;left:0;border-top:1px solid #ccc;text-align:right;">
        <button onclick="business.unUseTemplate();" type="button" class="btn btn-primary" style="margin-top:8px;margin-right:20px;">不使用已有模板</button>
      </div>
    </div>
  </div>
  <!-- 切换目录 -->
  <div id="cata_sw_html_template" style="display:none">
    <div>
      <div id="{div_id}" class="container-fluid">
        <div class="row-fluid">
          <div class="span12">
            <blockquote style="margin:10px 5px;">
              <p style="text-align:left;font-size:14px;">
                当前正在配置<span class="label label-info">{materialCataName}</span>的识别模板，点击下方目录子项，可切换到对应目录子项进行该目录子项的识别模板配置。
              </p>
              <p style="text-align:left;font-size:14px;">
                当前模板发布成功！如需继续配置此目录下的其他模板请在下面列表中选择对应目录子项名称，否则请关闭！
              </p>
            </blockquote>
            <table class="table table-bordered table-striped">
              <thead>
              <tr>
                <th width="10%" style="text-align:center">序号</th>
                <th>目录子项名称</th>
                <th width="20%" style="text-align:center">状态</th>
              </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
<script src="js/fa/util.js"></script>
<script src="js/fa/block.js"></script>
<script src="js/fa/core.js"></script>
<script src="js/fa/myztree.js"></script>
<script src="js/fa/business.js"></script>
<!-- 右键菜单start -->
<script src="js/fa/contextjs/js/context.js"></script>
<!-- 右键菜单end -->
<!-- 标尺start -->
<script src="js/fa/jqueryui-ruler/js/jquery-ui.min.js"></script>
<script src="js/fa/jqueryui-ruler/js/jquery.ui.ruler.js"></script>
<!-- 标尺end -->



	</body>
</html>
